<template>
  <section class="content-wrap">
    <div class="container">
      <div class="row">
        <main class="col-md-8 main-content">
          <ul class="article-list thumbnails">
            <li class="have-img">
              <a class="wrap-img" href="/p/948309328696"><img src="http://oc8pvw218.bkt.clouddn.com/aaa.jpg" alt="300"></a>
              <div>
                <p class="list-top">
                  <span class="time">2016-08-12 23:54:16</span>
                </p>
                <h4 class="title"><a target="_blank" href="/p/948309328696">4000 元左右高颜值高性价比的摄影神器</a></h4>
                <div class="list-footer">
                  <span>
                    阅读 1013
                  </span>        <span>
                  · 评论 9
                </span> <span> · 喜欢 67</span>

                </div>
              </div>
            </li>

            <li>
              <div>
                <p class="list-top">
                  <span class="time">2016-08-12 23:54:16</span>
                </p>
                <h4 class="title"><a target="_blank" href="/p/9ab1205f5166">UIImage图片处理，旋转、截取、平铺、缩放等操作，持续更新中。</a></h4>
                <div class="list-footer">
                  <span>
                    阅读 1013
                  </span>        <span>
                  · 评论 9
                </span> <span> · 喜欢 67</span>

                </div>
              </div>
            </li>

          </ul>
          <nav class="pagination" role="navigation">
            <span class="page-number">第 1 页 &frasl; 共 5 页</span>
            <a class="older-posts" href="/page/2/"><i class="fa fa-angle-right"></i></a>
          </nav>
        </main>
        <side></side>
      </div>
    </div>
  </section>
</template>

<style>
 @media screen and (max-width: 992px) {
  .main-content{
    padding: 20px;
    margin-bottom: 30px;
  }
 }
</style>

<script>
  import side from './aside'
  export default{
    components: {
      side
    }
  }
</script>
